<template>
  <div class="page">
    <div class="error">
      <el-icon :size="200"><milk-tea /></el-icon>
      <div><strong>404</strong> 页面 找不到了... </div>
    </div>
  </div>
</template>

<script setup>
  import { defineComponent } from 'vue'

  defineComponent({
    name: '404page'
  })
</script>

<style scoped lang="scss">
  .page {
    text-align: center;
    color: #ececec;
    font-weight: bold;
    padding-top: 10%;
    font-size: 36px;
    .error {
      display: flex;
      justify-items: center;
      align-items: center;
    }
    strong {
      font-size: 200px;
      color: #ccc;
    }
  }
</style>